<template>
	<view>
		<!-- 支付成功 -->
		<!-- <button class="btn toInvoice">去开发票</button> -->
		<view class="pay_result_container">
			<image src="../../static/images/complete.png" class="pay_complete_img"></image>
			<view class="pay_complete">支付完成</view>

			<button class="btn close" @click="closePage">关闭</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		onLoad(options) {

		},

		methods: {

		},
	};
</script>

<style lang="less" scoped>
	.pay_result_container {
		padding: 82rpx 70rpx;
		box-sizing: border-box;
		text-align: center;
		color: #a4a8b0;
		font-size: 28rpx;

		.pay_complete_img {
			width: 396rpx;
			height: 396rpx;
		}

		.pay_complete {
			font-size: 36rpx;
			font-family: "myFont_Mediun";
			color: #242a37;
			line-height: 50rpx;
			margin: 36rpx 0 30rpx 0;
		}

		.btn {
			width: 612rpx;
			height: 110rpx;
			border-radius: 55rpx;
			// border: none;
			line-height: 110rpx;
			font-size: 36rpx;
			margin-top: 40%;
		}

		.toInvoice {
			background: #007fff;
			color: #fff;
			border: 1rpx solid #007fff;
			margin-bottom: 40rpx;
		}

		.close {
			color: #a4a8b0;
			border-color: #a4a8b0;
			border: 1rpx solid #a4a8b0;
			box-shadow: 0px 20rpx 40rpx 0px rgba(0, 0, 0, 0.1),
				0px 24px 48px 0px rgba(45, 79, 162, 0.08);
		}
	}
</style>
